// index.js
Page({
  data: {
    // 宣传图片
    publicityImage: '/images/山1.jpg',
    
    // 经典宣传区域
    classicPublicityImage: '/images/113242511646348178.jpg',
    classicPublicity: {
      mainTitle: '探索黑麋峰',
      subTitle: '感受大自然的鬼斧神工，体验不一样的旅游乐趣',
      buttons: [
        {
          id: 1,
          text: '立即预订',
          action: 'book_now',
          type: 'primary'
        },
        {
          id: 2,
          text: '了解更多',
          action: 'learn_more',
          type: 'secondary'
        },
        {
          id: 3,
          text: '分享给朋友',
          action: 'share',
          type: 'secondary'
        }
      ]
    },
    
    // 功能按钮
    functionButtons: [
      {
        id: 1,
        icon: '📖',
        title: '旅游攻略',
        action: 'travel_guide',
        iconImage: '/images/攻略.png'
      },
      {
        id: 2,
        icon: '🗺️',
        title: '路线规划',
        action: 'route_plan',
        iconImage: '/images/road-map-line.png'
      },
      // {
      //   id: 3,
      //   icon: '🎫',
      //   title: '门票预订',
      //   action: 'ticket_booking',
      //   iconImage: '/images/门票.png'
      // },
      {
        id: 4,
        icon: '🏨',
        title: '住宿推荐',
        action: 'hotel_recommend',
        iconImage: '/images/酒店.png'
      }
    ],
    

    
    // 当前选中的标签页
    currentTab: 0,
    
    // 是否显示底部导航栏
    showTabBar: true,
    
    // 宣传图片区域高度（70vh）
    publicityImageHeight: 0,
    
    // 滚动阈值（20%）
    scrollThreshold: 0.2
  },

  onLoad() {
    console.log('主页加载完成')
    // 获取宣传图片区域高度信息
    this.getPublicityImageHeight()
  },

  // 获取宣传图片区域高度
  getPublicityImageHeight() {
    const query = wx.createSelectorQuery()
    query.select('.publicity-image-container').boundingClientRect((rect) => {
      if (rect) {
        console.log('获取到宣传图片区域高度:', rect.height)
        this.setData({
          publicityImageHeight: rect.height
        })
      } else {
        console.log('未获取到宣传图片区域高度')
      }
    }).exec()
  },

  // 页面滚动监听
  onPageScroll(e) {
    const { scrollTop } = e
    const { publicityImageHeight, scrollThreshold } = this.data
    
    if (publicityImageHeight === 0) return
    
    // 计算相对于宣传图片区域的滚动百分比
    const scrollPercentage = scrollTop / publicityImageHeight
    
    // 始终显示导航栏，不再根据滚动位置隐藏
    const shouldShowTabBar = true
    
    // 调试信息
    console.log('滚动信息:', {
      scrollTop,
      publicityImageHeight,
      scrollPercentage,
      shouldShowTabBar
    })
    
    // 更新状态
    this.setData({
      showTabBar: shouldShowTabBar
    })
  },

  // 功能按钮点击处理
  onFunctionButtonTap(e) {
    const { action } = e.currentTarget.dataset
    console.log('点击功能按钮:', action)
    
    switch(action) {
      case 'travel_guide':
        // 跳转到旅游攻略页面
        wx.navigateTo({
          url: '/pages/guide/guide',
          success: () => {
            console.log('成功跳转到旅游攻略页面')
          },
          fail: (err) => {
            console.error('跳转到攻略页面失败:', err)
            wx.showToast({
              title: '页面跳转失败',
              icon: 'none'
            })
          }
        })
        break
      case 'route_plan':
        // 跳转到线路规划页面
        wx.navigateTo({
          url: '/pages/route-planning/route-planning?from=index&origin=home',
          success: () => {
            console.log('成功跳转到线路规划页面')
          },
          fail: (err) => {
            console.error('跳转到线路规划失败:', err)
            wx.showToast({
              title: '页面跳转失败',
              icon: 'none'
            })
          }
        })
        break
      case 'ticket_booking':
        wx.showToast({
          title: '门票预订功能',
          icon: 'none'
        })
        break
      case 'hotel_recommend':
        // 跳转到酒店住宿页面
        wx.navigateTo({
          url: '/pages/hotel/hotel',
          success: () => {
            console.log('成功跳转到酒店住宿页面')
          },
          fail: (err) => {
            console.error('跳转到酒店住宿页面失败:', err)
            wx.showToast({
              title: '页面跳转失败',
              icon: 'none'
            })
          }
        })
        break
      default:
        wx.showToast({
          title: '功能开发中',
          icon: 'none'
        })
    }
  },

  // 经典宣传区域按钮点击处理
  onPublicityButtonTap(e) {
    const { action } = e.currentTarget.dataset
    console.log('点击宣传按钮:', action)
    
    switch(action) {
      case 'book_now':
        wx.showToast({
          title: '立即预订功能',
          icon: 'none'
        })
        break
      case 'learn_more':
        wx.showToast({
          title: '了解更多功能',
          icon: 'none'
        })
        break
      case 'share':
        wx.showShareMenu({
          withShareTicket: true,
          menus: ['shareAppMessage', 'shareTimeline']
        })
        break
      default:
        wx.showToast({
          title: '功能开发中',
          icon: 'none'
        })
    }
  },

  // 立即探索按钮点击处理
  onExploreTap() {
    console.log('点击立即探索按钮')
    // 跳转到景区信息页面
    wx.navigateTo({
      url: '/pages/scenic-info/scenic-info',
      success: () => {
        console.log('成功跳转到景区信息页面')
      },
      fail: (err) => {
        console.error('跳转失败:', err)
        wx.showToast({
          title: '页面跳转失败',
          icon: 'none'
        })
      }
    })
  },



  // 景点介绍按钮点击
  onScenicIntro() {
    wx.showToast({
      title: '景点介绍功能',
      icon: 'none'
    })
  },

  // 路线规划按钮点击
  onRoutePlan() {
    wx.navigateTo({
      url: '/pages/routes/routes?from=cta&origin=home_banner',
      fail: () => {
        wx.showToast({
          title: '页面跳转失败',
          icon: 'none'
        })
      }
    })
  },

  // 门票预订按钮点击
  onTicketBooking() {
    wx.showToast({
      title: '门票预订功能',
      icon: 'none'
    })
  },





  // 底部导航栏切换事件
  onTabChange(e) {
    const { id, text } = e.detail
    console.log('切换到:', text, 'ID:', id)
    
    // 更新当前标签页状态
    this.setData({
      currentTab: id
    })
  }
})
